// console.log('test')
// require('./index.css')
require('./index.less')
// require('./a.js')
// let fn = () => {
//   console.log('fn')
// }
// fn()

// @log
// class A{
//   a = 1
// }
// let a = new A();
// console.log(a.a)

// // 装饰器
// function log(target){
//   console.log(target)
// }
// import $ from 'jquery'

// 如果引入jq的cdn  理所当然能够拿到window.$
// 如果在模块中在 import $ from 'jquery'  的话 jquery会被打包 进去  这个时候可以配置 一个externals
// console.log(window.$)
// 如果要暴露给全局的window  
// 要用到expose-loader 暴露全局的loader 内联的loader 

// webpack 打包图片
// 1.js中创建图片引入
// 2.css 引入  background
// 3. img标签
// 把图片引入返回的结果是一个图片地址
// 要用到 file-loader 默认内部会生成一张图片 把生成的图片名字返回出来 
import logo from './logo.png'  
let image = new Image()
image.src = logo // ./logo.png 这样写的话 就相当于是一个普通字符串
document.body.appendChild(image)

// html img 引入的话./logo.png就不行 如果要可以的话 又要一个loader  html-withimg-loader -D